<%@page import="java.util.Set"%>
<%@page import="java.util.Map"%>
<%@page import="java.util.HashMap"%>
<%@page import="java.util.Iterator"%>
<%@page import="java.util.List"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
       <!DOCTYPE html> 
       
  <title>ICS SNMP Printer Management</title> 
  <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" />
  <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script>
  <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
  
  <STYLE type="text/css">
    .ui-input-text {padding-top:8px;}
    .label-for-uibtn { padding-top:20px;}
  </STYLE>
</head> 
<body> 
    
 
  <div id ="Monitor" data-role="page" data-theme ="c"> 
      
      <div data-role="header">
          <h1>Printer</h1> 
           <div data-role="navbar">
		<ul>
			<li><a href="#Monitor">Monitor</a></li>
			<li><a href="#Control">Control</a></li>
			
		</ul>
	</div>
      </div>
      
       <div data-role="content" data-theme ="c">
   
   
       <center>
            <img src = "Images/printer.png"> </img>
           
         
         <%
         String localisation = (String) request.getAttribute("localisation");
         out.println("<p>Printer Language: " +localisation +"</p>");
         %>
         <%
         String model = (String) request.getAttribute("model");
         out.println("<p>Printer Model: " +model +"</p>");
         %>
         <%
         String max_capasity = (String) request.getAttribute("maxcapasity");
         out.println("<p>Printer Max Capacity: " + max_capasity +"</p>");
         %>
         <%
         String remaining_capasity = (String) request.getAttribute("remainingcapasity");
         out.println("<p>Printer Remaining: " + remaining_capasity +"</p>");
         %>
           
         <%
         String[] ink_levels = (String []) request.getAttribute("Inklevels");
         out.println("<p><font color="+" red"+'>' +"Red: " + ink_levels[0] +'%'+"</font></p>");
         out.println("<p><font color="+" green"+'>' +"Green: " + ink_levels[1] +'%' +"</p>");
         out.println("<p><font color="+" blue"+'>' +"Blue: " + ink_levels[2] +'%' +"</p>");
         %>
           
        
 
        </center>
       </div>
         
         <div data-role="footer">
          <h1>Trinity College Dublin</h1> 
           <div data-role="navbar">
		<ul>
			<li><a href="http://www.tcd.ie/">Home</a></li>
			<li><a href="http://www.tcd.ie/">About</a></li>
                        <li><a href="http://www.tcd.ie/">TCD</a></li>
			
		</ul>
	</div>
      </div>
      

  </div>
         
  <div id ="Control" data-role="page" data-theme ="c"> 
      <div data-role="header">
          <h1>Printer</h1> 
           <div data-role="navbar">
		<ul>
			<li><a href="#Monitor">Monitor</a></li>
			<li><a href="#Control">Control</a></li>
			
		</ul>
	</div>
      </div>
      
      <div data-role="content" data-theme ="c">
          <center><img src = "Images/printer.png"> </img></center>
            <br />
             <form method="post" action="../PrinterSetControl.do" name="setprinterdetails">  
            
                   
                <%
                
                    String printernum = (String)request.getAttribute("PrinterNumber");
                    
                    out.println("<input name='printerid' type='hidden' value='" + printernum + "' />");
 
                %> 
              
                 
                 
                 
             <div data-role="fieldcontain">
                <label for="name" class="ui-input-text">Name:</label>
                <input type="text" name="name" id="name" value=""  />
             </div>
            
                <label for="colourenabled" class="ui-input-text">Colour Enabled:</label>
                <select name="colourenabled" id="cenabled" data-role="slider">
                        <option value="no">No</option>
                        <option value="yes">Yes</option>
                </select> 
            <div data-role="fieldcontain">
               <label for="defaultlang" class="select ui-input-text label-for-uibtn">Default Language:</label>
               <select name="defaultlang" id="dlang">
                  <option value="eng">English</option>
                  <option value="fr">French</option>
                  <option value="ir">Irish</option>
                  <option value="it">Italian</option>
                  <option value="ma">Mandarin</option>
                  <option value="sp">Spanish</option>
               </select>
            </div>
             <div data-role="fieldcontain">
               <label for="printingcolour" class="select ui-input-text label-for-uibtn">Printing Colour:</label>
               <select name="printingcolour" id="pcolour">
                  <option value="bw">Black & White</option>
                  <option value="co">Colour</option>
               </select>
            </div>
            <div data-role="fieldcontain">
               <label for="papersize" class="select ui-input-text label-for-uibtn">Default Paper Size:</label>
               <select name="papersize" id="psize">
                  <option value="a3">A3</option>
                  <option value="a4">A4</option>
                  <option value="a5">A5</option>
                  <option value="env">Envelope</option>
               </select>
            </div>
        <input type="submit" value="Submit">
      </form>
 
     </div>
      
      <div data-role="footer">
          <h1>Trinity College Dublin</h1> 
           <div data-role="navbar">
		<ul>
			<li><a href="http://www.tcd.ie/">Home</a></li>
			<li><a href="http://www.tcd.ie/">About</a></li>
                        <li><a href="http://www.tcd.ie/">TCD</a></li>
			
		</ul>
	</div>
      </div>

  </div>
 
</div>

 
</body>
</html>
